<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文列表10</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_list_cnt{
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
      }
      .imgText_list_cnt li{
         flex: 0 0 33.33%;
         max-width: 33.33%;
         padding: 0 4.29%;
         text-align: center;
      }
      .imgText_list_cnt li:nth-last-child(n+4){
         padding-bottom: 30px;
      }
      .imgText_list_img img{
         width: 100%;
         height: 50px;
         object-fit: contain;
      }
      .imgText_list_text{
         padding-top: 20px;
      }
      .imgText_list_text h3{
         font-size: var(--f_text);
         line-height: var(--l_text);
         color: var(--c_text);
      }
      .imgText_list_text p{
         padding-top: 10px;
         font-size: var(--f_describe);
         line-height: var(--l_describe);
         color: var(--c_subtitle);
      }
      @media (max-width:768px) {
         .imgText_list_cnt li{
            flex: 0 0 66.66%;
            max-width: 66.66%;
         }
         .imgText_list_cnt li:nth-last-child(n+2){
            padding-bottom: 20px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_list modular title_center">
      <div class="public_width">
         <div class="public_title">
            <h2>我们的服务</h2>
            <p>OUR SERVICES</p>
         </div>
         <ul class="imgText_list_cnt">
            <li>
               <div class="imgText_list_img">
                  <img src="https://19959187.s61i.faiusr.com/4/AD0Ik5vCCRAEGAAgqpCX6QUoyZSUvwcwODgz.png.webp" alt="">
               </div>
               <div class="imgText_list_text">
                  <h3>都市景观</h3>
                  <p>这个项目的特点在于对本土植物的完美应用。在设计和自然之间保持一种平衡</p>
               </div>
            </li>
            <li>
               <div class="imgText_list_img">
                  <img src="https://19959187.s61i.faiusr.com/4/AD0Ik5vCCRAEGAAgqpCX6QUo2Oy54gIwLDg1.png.webp" alt="">
               </div>
               <div class="imgText_list_text">
                  <h3>庭院景观</h3>
                  <p>将基础设施的功能与城市的社会文化需要结合起来，使当今城市得以建造和延展</p>
               </div>
            </li>
            <li>
               <div class="imgText_list_img">
                  <img src="https://19959187.s61i.faiusr.com/4/AD0Ik5vCCRAEGAAgrJCX6QUoiO3ZzgUwMjgz.png.webp" alt="">
               </div>
               <div class="imgText_list_text">
                  <h3>公园景观</h3>
                  <p>城市公园是城市系统中珍贵的自然资源。设计成功的公园既要调节现今的生活和发展需要</p>
               </div>
            </li>
         </ul>
      </div>
   </div>
</body>

</html>